<template>
  <div class='serve-head w1200'>
    <div v-for="(item, index) in data" :key="index">
      <span :class="item.icon"></span><span class="name">{{item.label}}</span>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  name: "",
  data() {
    return {
      data:[
        {icon:"iconfont icon-mianfeizhaohuo",label:"免费找货"},
        {icon:"iconfont icon-changfang1",label:"厂商直供"},
        {icon:"iconfont icon-fenlei",label:"品种齐全"},
        {icon:"iconfont icon-pipei",label:"精准匹配"},
        {icon:"iconfont icon-qianbao",label:"金融服务"},
      ]
    };
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.serve-head {
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;

  .iconfont{
    font-size: 34px;
    color: $blue;
    vertical-align: middle;
    margin-right: 15px;
  }
  .name{
    font-size: 18px;
    font-weight: 600;
    color: $blue;
    line-height: 34px;
    vertical-align: middle
  }
}
</style>